body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}

ol,
ul {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

a {
    cursor: pointer;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

input,
select {
    margin: 0;
    padding: 0;
    text-shadow: none;
    box-shadow: none;
    text-indent: 0;
    text-transform: none;
    background-image: none;
    border-image-outset: 0;
    font: 12px/1.5 "Microsoft YaHei", "Heiti SC", "tahoma", "arial", "Hiragino Sans GB";
}

body {
    font: 12px/1.5 "Microsoft YaHei", "Heiti SC", "tahoma", "arial", "Hiragino Sans GB";
    width: 100%;
    background-color: #1d1f27;
    background-attachment: fixed;
    background-repeat: repeat;
    background-image: url(https://static.sonkwo.com/frontend/assets/f61693dc8ddb8d8a590e7bc9c1603d04.jpg);
    min-height: 800px;
}

.SK-community-avatar {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50% 50% 50% 50%;
    overflow: hidden;
}

.SK-loading {
    background: url("/loading.gif") no-repeat center;
    min-height: 32px;
    width: 100%;
    text-align: center;
}

body.show-popupbox {
    overflow: auto !important;
}

.overlayfixed {
    width: auto;
    height: auto;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    z-index: 10000;
    overflow: hidden;
    overflow-y: hidden;
    background: rgba(0, 0, 0, 0.5);
}

.overlayfixed .hide {
    display: none;
}

.overlayfixed .overlaybox-wrap {
    margin: auto;
    position: relative;
}

.overlayfixed .overlaybox-wrap .overlaybox-content .overlaybox-header {
    height: 64px;
    line-height: 64px;
    font-size: 18px;
    background-color: #272830;
    border-radius: 4px 4px 0 0;
}

.overlayfixed .overlaybox-wrap .overlaybox-content .overlaybox-header .overlaybox-title {
    display: inline-block;
    padding-left: 25px;
    font-weight: bold;
    float: left;
}

.overlayfixed .overlaybox-wrap .overlaybox-content .overlaybox-header .overlaybox-close-btn {
    display: inline-block;
    color: #c9c9c9;
    text-align: center;
    float: right;
    width: 64px;
    line-height: 64px;
}

.overlayfixed .overlaybox-wrap .overlaybox-content .overlaybox-header .overlaybox-close-btn .fa {
    font-size: 22px;
}

.overlayfixed .overlaybox-wrap .overlaybox-content .overlaybox-header .overlaybox-close-btn:hover {
    color: #fff;
}

.overlayfixed .overlaybox-wrap .overlaybox-content .overlaybox-header:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.overlayfixed .overlaybox-wrap .overlaybox-content .overlaybox-body {
    background-color: #fff;
    border-radius: 0 0 4px 4px;
}

.overlayfixed .overlaybox-wrap.simple .overlaybox-header,
.overlayfixed .overlaybox-wrap.simple .overlaybox-body,
.overlayfixed .overlaybox-wrap.picture-view .overlaybox-header,
.overlayfixed .overlaybox-wrap.picture-view .overlaybox-body {
    background: none;
}

.overlayfixed .overlaybox-wrap.simple .overlaybox-header,
.overlayfixed .overlaybox-wrap.picture-view .overlaybox-header {
    display: none;
}

.age-limit {
    background: rgba(0, 0, 0, 0.8);
}

.SK-body-content {
    width: 1200px;
    margin: 0 auto;
    padding-top: 128px;
    overflow: hidden;
}

.SK-body-content .SK-left {
    width: 200px;
    min-height: 700px;
    float: left;
}

.SK-body-content .SK-middle {
    width: 712px;
    margin-left: 17px;
    float: left;
}

.SK-body-content .SK-middle .SK-middle-bottom {
    height: 60px;
    background-color: #e5e5e5;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    line-height: 60px;
}

.SK-body-content .SK-right {
    width: 256px;
    margin-left: 944px;
    margin-bottom: 74px;
}

.blank-container {
    width: calc(100vw);
    height: calc(100vh);
    background-color: #fff;
}

.blank-container .SK-hidden-form {
    display: none;
}

.SK-relect .relect {
    cursor: pointer;
    text-align: left;
    position: relative;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.SK-relect .relect:focus {
    outline: none;
}

.SK-relect .relect-box,
.SK-relect .relect-option {
    width: inherit;
    background: #363d4f;
    box-sizing: border-box;
}

.SK-relect .relect-box {
    padding: 0 10px;
    display: inline-block;
}

.SK-relect .relect-box .relect-selected {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #7a80a2;
}

.SK-relect .relect-placeholder {
    color: #7a80a2;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.SK-relect .relect-option {
    position: absolute;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 10;
    list-style: none;
    overflow-y: auto;
    border: 1px solid #7a80a2;
}

.SK-relect .relect-option li {
    padding: 0 10px;
    color: #b9c0ef;
    white-space: nowrap;
}

.SK-relect .relect-option li:hover {
    color: #30354c;
    background: #7a80a2;
}

.SK-relect .relect-option::-webkit-scrollbar {
    width: 8px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.SK-relect .relect-option::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.1);
}

.SK-relect .relect-option::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.2);
}

@-webkit-keyframes slide-enter {
    from {
        opacity: 0;
        transform: scaleY(0);
    }
    from,
    to {
        transform-origin: top;
    }
    to {
        opacity: 1;
        transform: scaleY(1);
    }
}

@keyframes slide-enter {
    from {
        opacity: 0;
        transform: scaleY(0);
    }
    from,
    to {
        transform-origin: top;
    }
    to {
        opacity: 1;
        transform: scaleY(1);
    }
}

.SK-relect .relect-arrow {
    position: absolute;
    top: 50%;
    right: 12px;
    width: 0;
    height: 0;
    z-index: 1;
    font-size: 0;
    overflow: hidden;
    margin-top: -3px;
    border: solid 4px;
    border-color: #7a80a2 transparent transparent;
}

.form-input {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.form-input .label-elm {
    display: inline-block;
    height: 48px;
    line-height: 48px;
    margin-right: 10px;
    text-align: right;
    font-size: 16px;
    color: #b9c0ef;
    width: 160px;
}

.form-input .input-text,
.form-input .input-captcha,
.form-input .input-code {
    box-sizing: border-box;
    color: #b9c0ef;
    line-height: 46px;
    background-color: #1d1f27;
    font-size: 14px;
    text-indent: 5px;
    border: 1px solid #3a4056;
    border-radius: 2px;
    text-indent: 20px;
    resize: none;
}

.form-input .input-text::-webkit-input-placeholder,
.form-input .input-captcha::-webkit-input-placeholder,
.form-input .input-code::-webkit-input-placeholder {
    color: #7a80a2;
}

.form-input .input-text.error,
.form-input .input-captcha.error,
.form-input .input-code.error {
    border: 1px solid #f44848;
}

.form-input .input-text:focus,
.form-input .input-captcha:focus,
.form-input .input-code:focus {
    border: 1px solid #2666b5;
}

.form-input .input-text {
    width: 460px;
    height: inherit;
}

.form-input .asterisk {
    vertical-align: top;
    display: inline-block;
    color: #f44848;
    width: 15px;
    font-size: 30px;
    height: 42px;
    padding-top: 6px;
    line-height: 48px;
}

.form-input .input-captcha,
.form-input .input-code {
    width: 290px;
    height: 46px;
}

.form-input .captcha-img,
.form-input .code-btn {
    height: 100%;
    color: #fff;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    width: 160px;
    margin-left: 10px;
}

.form-input .code-btn {
    border-radius: 2px;
    border: solid 1px #3a4056;
    height: 46px;
}

.form-input .captcha-img {
    height: 40px;
    overflow: hidden;
    margin-bottom: 2px;
}

.form-input .captcha-img img {
    height: 100%;
    width: 100%;
}

.form-input .text-hint {
    float: left;
    text-align: left;
    width: 230px;
    height: 48px;
    font-size: 16px;
    line-height: 48px;
    padding-left: 5px;
    overflow: hidden;
}

.form-input .text-hint .fa {
    width: 25px;
    text-align: center;
}

.form-input .text-hint.error-hint {
    color: #f44848;
}

.form-input .text-hint.error-hint span {
    word-break: break-all;
}

.form-input .text-hint.info-hint {
    color: #959595;
}

.form-input .text-hint.info-hint .fa {
    color: #2666b5;
}

.form-input.textarea {
    align-items: flex-start;
}

.form-black {
    width: 1200px;
    margin: 0 auto;
    padding-top: 110px;
}

.form-black .form-title {
    margin: 50px auto 40px auto;
}

.form-black .form-title .unlock-text {
    text-align: left;
    display: inline-block;
    font-size: 20px;
    color: #b9c0ef;
}

.form-black .form-title .other-text {
    float: right;
    color: #7a80a2;
    font-size: 14px;
}

.form-black .form-title .other-text>a {
    color: #eb6100;
}

.form-black .form-body {
    background-color: #292e42;
    border: solid 1px #3a4056;
    border-radius: 5px;
    box-sizing: border-box;
    padding-left: 213px;
    padding-top: 51px;
    box-shadow: 0 0 10px 0 #1d2133;
}

.form-black .form-input {
    margin-bottom: 20px;
}

.form-black .label-elm {
    width: 200px;
}

.form-black .submit-btn {
    width: 460px;
    height: 46px;
    border-radius: 2px;
    background-color: #7a80a2;
    margin: 31px 0 51px 183px;
}

span.bb_spoiler {
    color: #000000;
    background-color: #000000;
    padding: 0px 8px;
}

span.bb_spoiler:hover {
    color: #ffffff;
}

span.bb_spoiler>span {
    visibility: hidden;
}

span.bb_spoiler:hover>span {
    visibility: visible;
}

blockquote.bb_blockquote,
.bb_wysiwyg blockquote {
    border: 1px solid #56707f;
    border-radius: 3px;
    padding: 12px;
    margin: 8px;
    font-size: 92%;
}

div.bb_quoteauthor {
    font-size: 92%;
    font-style: italic;
}

div.bb_h1,
.bb_wysiwyg h1 {
    font-size: 15px;
    color: #5aa9d6;
    font-weight: normal;
}

span.bb_strike {
    text-decoration: line-through;
}

span.bb_link_host {
    font-size: 10px;
    color: #888;
    padding: 4px;
    top: -1px;
}

div.bb_code,
.bb_wysiwyg pre {
    border: 1px solid #535354;
    border-radius: 3px;
    padding: 12px;
    margin: 8px;
    font-size: 11px;
    font-family: Consolas, monospace;
    white-space: pre;
    white-space: pre-wrap;
    overflow-x: auto;
}

span.bb_removedlink {
    color: #56707f;
    font-weight: normal;
    font-size: 80%;
}

div.bb_table {
    display: table;
    font-size: 12px;
}

div.bb_table div.bb_table_th {
    display: table-cell;
    font-weight: bold;
    border: 1px solid #4d4d4d;
    padding: 4px;
}

div.bb_table div.bb_table_th img.sharedFilePreviewImage {
    margin: 0px;
}

div.bb_table div.bb_table_tr {
    display: table-row;
}

div.bb_table div.bb_table_td {
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #4d4d4d;
    padding: 4px;
}

div.bb_table div.bb_table_td img.sharedFilePreviewImage {
    margin: 0px;
}

video.bb_video {
    width: 100%;
}

.DayPicker {
    display: inline-block;
}

.DayPicker-wrapper {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-bottom: 1rem;
    flex-direction: row;
}

.DayPicker-Months {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.DayPicker-Month {
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 1rem;
    margin-top: 1rem;
}

.DayPicker-NavButton {
    position: absolute;
    cursor: pointer;
    top: 1rem;
    right: 1.5rem;
    margin-top: 2px;
    color: #8b9898;
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}

.DayPicker-NavButton:hover {
    opacity: 0.8;
}

.DayPicker-NavButton--prev {
    margin-right: 1.5rem;
    background-image: url("");
}

.DayPicker-NavButton--next {
    background-image: url("");
}

.DayPicker-NavButton--interactionDisabled {
    display: none;
}

.DayPicker-Caption {
    padding: 0 0.5rem;
    display: table-caption;
    text-align: left;
    margin-bottom: 0.5rem;
}

.DayPicker-Caption>div {
    font-size: 1.15rem;
    font-weight: 500;
}

.DayPicker-Weekdays {
    margin-top: 1rem;
    display: table-header-group;
}

.DayPicker-WeekdaysRow {
    display: table-row;
}

.DayPicker-Weekday {
    display: table-cell;
    padding: 0.5rem;
    font-size: 0.875em;
    text-align: center;
    color: #8b9898;
}

.DayPicker-Weekday abbr[title] {
    border-bottom: none;
    text-decoration: none;
}

.DayPicker-Body {
    display: table-row-group;
}

.DayPicker-Week {
    display: table-row;
}

.DayPicker-Day {
    display: table-cell;
    padding: 0.5rem;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    outline: none;
}

.DayPicker-WeekNumber {
    display: table-cell;
    padding: 0.5rem;
    text-align: right;
    vertical-align: middle;
    min-width: 1rem;
    font-size: 0.75em;
    cursor: pointer;
    color: #8b9898;
    border-right: 1px solid #eaecec;
}

.DayPicker--interactionDisabled .DayPicker-Day {
    cursor: default;
}

.DayPicker-Footer {
    padding-top: 0.5rem;
}

.DayPicker-TodayButton {
    border: none;
    background-image: none;
    background-color: transparent;
    box-shadow: none;
    cursor: pointer;
    color: #4a90e2;
    font-size: 0.875em;
}

.DayPicker-Day--today {
    color: #d0021b;
    font-weight: 700;
}

.DayPicker-Day--outside {
    cursor: default;
    color: #8b9898;
}

.DayPicker-Day--disabled {
    color: #dce0e0;
    cursor: default;
}

.DayPicker-Day--sunday {
    background-color: #f7f8f8;
}

.DayPicker-Day--sunday:not(.DayPicker-Day--today) {
    color: #dce0e0;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
    position: relative;
    color: #f0f8ff;
    background-color: #4a90e2;
    border-radius: 100%;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
    background-color: #51a0fa;
}

.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
    background-color: #f0f8ff;
    border-radius: 50%;
}

.DayPickerInput {
    display: inline-block;
}

.DayPickerInput-OverlayWrapper {
    position: relative;
}

.DayPickerInput-Overlay {
    left: 0;
    z-index: 1;
    position: absolute;
    background: #33394d;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.dangerously_html_container {
    font-size: 20px;
    overflow: auto;
}

.dangerously_html_container iframe {
    display: block;
    width: 640px;
    height: 480px;
    border: 0;
    margin: auto;
}

.dangerously_html_container pre {
    white-space: pre-wrap;
    word-wrap: break-all;
}

.dangerously_html_container h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

.dangerously_html_container h2 {
    font-size: 1.5em;
    margin: 0.75em 0;
}

.dangerously_html_container h3 {
    font-size: 1.17em;
    margin: 0.83em 0;
}

.dangerously_html_container h4,
.dangerously_html_container ul,
.dangerously_html_container fieldset,
.dangerously_html_container form,
.dangerously_html_container ol,
.dangerously_html_container dl,
.dangerously_html_container dir,
.dangerously_html_container menu {
    margin: 1.12em 0;
}

.dangerously_html_container h5 {
    font-size: 0.83em;
    margin: 1.5em 0;
}

.dangerously_html_container h6 {
    font-size: 0.75em;
    margin: 1.67em 0;
}

.dangerously_html_container h1,
.dangerously_html_container h2,
.dangerously_html_container h3,
.dangerously_html_container h4,
.dangerously_html_container h5,
.dangerously_html_container h6,
.dangerously_html_container b,
.dangerously_html_container strong {
    font-weight: bolder;
}

.dangerously_html_container hr {
    border: none;
    border-top: 1px solid #dcdcdc;
    height: 0;
}

.dangerously_html_container p,
.dangerously_html_container center {
    margin-bottom: 20px;
    max-width: 1200px;
    word-wrap: break-word;
    line-height: 2;
}

.dangerously_html_container a {
    color: #2f5c94;
}

.dangerously_html_container ul {
    list-style-type: disc;
    padding-left: 15px;
}

.dangerously_html_container ul ul {
    list-style-type: circle;
}

.dangerously_html_container ul ul ul {
    list-style-type: disc;
}

.dangerously_html_container ul ul ul ul {
    list-style-type: circle;
}

.dangerously_html_container ol {
    list-style-type: decimal;
    padding-left: 15px;
}

.dangerously_html_container ol ol {
    list-style-type: upper-alpha;
}

.dangerously_html_container ol ol ol {
    list-style-type: lower-latin;
}

.dangerously_html_container ol ol ol ol {
    list-style-type: lower-roman;
}

.dangerously_html_container blockquote {
    padding-left: 10px;
    border-left: 0.25em solid #7a80a2;
    color: #7a80a2;
}

.dangerously_html_container blockquote p {
    margin: 4px 10px 4px 0;
}

.dangerously_html_container video,
.dangerously_html_container img {
    display: block;
    max-width: 100%;
    vertical-align: baseline;
    margin: 0 auto;
}

.dangerously_html_container span.spoiler {
    background: #000;
    color: #000;
}

.dangerously_html_container span.spoiler:hover {
    color: #fff;
}

.dangerously_html_container table {
    border-color: white;
}

.dangerously_html_container table td {
    min-width: 25px;
    min-height: 22px;
    height: 22px;
}

.dangerously_html_container table td p {
    margin-bottom: 0;
}

.dangerously_html_container:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.dangerously_html_container .emoji-img,
.dangerously_html_container img[src*="emoji"] {
    display: inline-block !important;
    width: 36px;
    height: 36px;
}

.dangerously_html_container.inline {
    display: inline;
}

.dangerously_html_container.inline::after {
    content: none;
}

.post-content .dangerously_html_container .emoji-img,
.post-content .dangerously_html_container img[src*="emoji"],
.SK-new-headline-detail-container .main .dangerously_html_container .emoji-img,
.SK-new-headline-detail-container .main .dangerously_html_container img[src*="emoji"] {
    width: 80px;
    height: 80px;
}

.sk-select {
    position: relative;
    width: 100%;
    outline: none;
    display: inline-block;
    border-radius: 3px;
    transition: all 0.3s ease-in-out;
    color: rgba(255, 255, 255, 0.7);
    background-color: rgba(255, 255, 255, 0.1);
    padding: 2px 2px;
}

.sk-select-selector {
    padding: 0 2px;
}

.sk-select-selector .sk-select-selection-search-input {
    border: none;
    outline: none;
    color: #fff !important;
    font-size: 14px;
    background-color: transparent;
}

.sk-select-selection {
    height: auto;
    display: block;
}

.sk-select-selection-item {
    flex: 1;
    height: 26px;
    line-height: 26px;
    border-radius: 3px;
    padding: 0 10px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    margin-right: 10px;
}

.sk-select-selection__rendered {
    margin-left: 10px;
}

.sk-select-selection__clear {
    position: absolute;
    right: 5px;
    top: 3px;
}

.sk-select-selection__clear-icon {
    font-style: normal;
    font-size: 16px;
    font-weight: bold;
}

.sk-select-selection__placeholder {
    position: absolute;
    color: #8dabc4;
    line-height: 20px;
}

.sk-select-selection-selected-value {
    min-height: inherit;
    height: auto;
    box-sizing: border-box;
    line-height: inherit;
    text-align: left;
    float: left;
    max-width: 100%;
    padding-right: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.sk-select-selection--single {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    outline: none;
}

.sk-select.sk-select-multiple {
    min-height: calc(36px - 2px);
    box-sizing: border-box;
}

.sk-select.sk-select-multiple:after {
    content: "";
    display: table;
    clear: both;
}

.sk-select.sk-select-multiple .sk-select-selector {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
}

.sk-select.sk-select-multiple .sk-select-selection-item {
    background-color: rgba(255, 255, 255, 0.2);
    flex: none;
    max-width: 100%;
    display: flex;
    box-sizing: border-box;
    margin-top: 7px;
    margin-bottom: 7px;
}

.sk-select.sk-select-multiple .sk-select-selection-search {
    position: relative;
}

.sk-select.sk-select-multiple .sk-select-selection-search-mirror {
    position: absolute;
    visibility: hidden;
}

.sk-select-dropdown {
    box-shadow: 0 0px 5px rgba(44, 64, 90, 0.25);
    background: #272830;
    border: solid 1px #34363d;
    border-radius: 4px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    box-sizing: border-box;
    z-index: 120;
    transition: color 0.3s ease, opacity 0.15s ease;
    top: 45px !important;
    left: 0 !important;
}

.sk-select-dropdown-hidden {
    display: none;
}

.sk-select-dropdown-menu {
    max-height: 324px;
    overflow-y: auto;
}

.sk-select-dropdown-menu-item {
    line-height: inherit;
    padding: 8px 10px;
    white-space: nowrap;
    line-height: 20px;
}

.sk-select-dropdown-menu-item-selected {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.05);
}

.sk-select-dropdown-menu-item:hover {
    cursor: default;
    background: rgba(255, 255, 255, 0.05);
}

.sk-select-dropdown-menu-item.not-found {
    text-align: center;
}

.sk-select-dropdown-menu-item.not-found:hover {
    background: transparent;
}

.sk-select-arrow {
    font-size: 16px;
    line-height: 30px;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 0;
}

.sk-select-arrow .loading-icon {
    color: #6a798d;
    -webkit-animation: rotateAnimate 0.6s linear infinite;
    animation: rotateAnimate 0.6s linear infinite;
}

@-webkit-keyframes rotateAnimate {
    from {
        transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
    to {
        transform: rotateZ(360deg);
        -webkit-transform: rotateZ(360deg);
    }
}

@keyframes rotateAnimate {
    from {
        transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
    to {
        transform: rotateZ(360deg);
        -webkit-transform: rotateZ(360deg);
    }
}

.sk-select-show-search .sk-select-selector input {
    cursor: auto;
}

.sk-select-single .sk-select-selector {
    display: flex;
    height: 38px;
    padding: 0 10px;
    position: relative;
    align-items: center;
}

.sk-select-single .sk-select-selector .sk-select-selection-search {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 11px;
    right: 26px;
}

.sk-select-single .sk-select-selector .sk-select-selection-search-input {
    height: 38px;
    width: 100%;
}

.sk-select-clear {
    position: absolute;
    top: 50%;
    right: 11px;
    width: 12px;
    color: rgba(255, 255, 255, 0.7);
    margin-top: -6px;
    display: inline-block;
    cursor: pointer;
}

.sk-select-item {
    cursor: pointer;
    padding: 10px 7px;
    font-size: 14px;
    line-height: 18px;
}

.sk-select-item-option {
    display: flex;
    color: rgba(255, 255, 255, 0.7);
}

.sk-select-item-option-content {
    flex: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.sk-select-item-option-active {
    background: rgba(255, 255, 255, 0.05);
}

.sk-select-item-option-selected {
    background: rgba(255, 255, 255, 0.05);
}

.sk-select-item-empty {
    text-align: center;
    padding: 10px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
}

.sk-select-disabled .sk-select-selection__choice__remove-icon {
    display: none;
}

.sk-select-disabled .sk-select-selection__choice {
    color: #8dabc4;
}

.sk-select-lg .sk-select-arrow {
    line-height: 40px;
}

.sk-select-lg .sk-select-selection {
    height: 40px;
}

.sk-select-lg .sk-select-selection--multiple {
    min-height: calc(40px - 2px);
}

.sk-select-sm .sk-select-arrow {
    line-height: 27px;
}

.sk-select-sm .sk-select-selection {
    height: 27px;
}

.sk-select-sm .sk-select-selection--multiple {
    min-height: calc(27px - 2px);
}

.rc-virtual-list-holder-inner {
    max-height: 210px;
    overflow-y: auto;
}

.rc-virtual-list-holder-inner::-webkit-scrollbar {
    width: 4px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.rc-virtual-list-holder-inner::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.1);
}

.SK-community-container,
.SK-evaluation-message-container,
.SK-headline-container,
.SK-wechat-pay-container {
    background: #1d1f27;
}

.SK-community-container .overlayfixed .overlaybox-content,
.SK-evaluation-message-container .overlayfixed .overlaybox-content,
.SK-headline-container .overlayfixed .overlaybox-content,
.SK-wechat-pay-container .overlayfixed .overlaybox-content {
    background: #272830;
    color: rgba(255, 255, 255, 0.7);
}

.SK-community-container .overlayfixed .overlaybox-content .overlaybox-header,
.SK-evaluation-message-container .overlayfixed .overlaybox-content .overlaybox-header,
.SK-headline-container .overlayfixed .overlaybox-content .overlaybox-header,
.SK-wechat-pay-container .overlayfixed .overlaybox-content .overlaybox-header {
    background: #272830;
    min-height: 40px;
    line-height: 40px;
    border-radius: 0 0 0 0;
}

.SK-community-container .overlayfixed .overlaybox-content .overlaybox-header .overlaybox-title,
.SK-evaluation-message-container .overlayfixed .overlaybox-content .overlaybox-header .overlaybox-title,
.SK-headline-container .overlayfixed .overlaybox-content .overlaybox-header .overlaybox-title,
.SK-wechat-pay-container .overlayfixed .overlaybox-content .overlaybox-header .overlaybox-title {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: normal;
    padding-top: 30px;
    padding-left: 30px;
}

.SK-community-container .overlayfixed .overlaybox-content .overlaybox-header .overlaybox-close-btn,
.SK-evaluation-message-container .overlayfixed .overlaybox-content .overlaybox-header .overlaybox-close-btn,
.SK-headline-container .overlayfixed .overlaybox-content .overlaybox-header .overlaybox-close-btn,
.SK-wechat-pay-container .overlayfixed .overlaybox-content .overlaybox-header .overlaybox-close-btn {
    color: rgba(255, 255, 255, 0.5);
    width: 40px;
    line-height: 40px;
}

.SK-community-container .overlayfixed .overlaybox-content .overlaybox-header .overlaybox-close-btn .fa,
.SK-evaluation-message-container .overlayfixed .overlaybox-content .overlaybox-header .overlaybox-close-btn .fa,
.SK-headline-container .overlayfixed .overlaybox-content .overlaybox-header .overlaybox-close-btn .fa,
.SK-wechat-pay-container .overlayfixed .overlaybox-content .overlaybox-header .overlaybox-close-btn .fa {
    font-size: 16px;
}

.SK-community-container .overlayfixed .overlaybox-content .overlaybox-body,
.SK-evaluation-message-container .overlayfixed .overlaybox-content .overlaybox-body,
.SK-headline-container .overlayfixed .overlaybox-content .overlaybox-body,
.SK-wechat-pay-container .overlayfixed .overlaybox-content .overlaybox-body {
    background: #272830;
    border-radius: 0 0 0 0;
}

.SK-community-container .SK-back-to-top-button,
.SK-evaluation-message-container .SK-back-to-top-button,
.SK-headline-container .SK-back-to-top-button,
.SK-wechat-pay-container .SK-back-to-top-button {
    right: 10px;
    bottom: 160px;
    height: 50px;
    width: 50px;
    background: #33394d;
}

.SK-community-container .SK-back-to-top-button .fa,
.SK-evaluation-message-container .SK-back-to-top-button .fa,
.SK-headline-container .SK-back-to-top-button .fa,
.SK-wechat-pay-container .SK-back-to-top-button .fa {
    font-size: 20px;
    color: #b9c0ef;
    line-height: 50px;
    vertical-align: top;
}

.SK-community-container .scroll-list-bottom,
.SK-evaluation-message-container .scroll-list-bottom,
.SK-headline-container .scroll-list-bottom,
.SK-wechat-pay-container .scroll-list-bottom {
    color: #7a80a2;
    text-align: center;
    padding: 30px 0;
    font-size: 14px;
}

.SK-community-content {
    padding: 130px 0 40px;
    width: 1200px;
    margin: 0 auto;
    position: relative;
    min-height: 100vh;
}

.SK-community-content .from-area {
    height: 70px;
    background: #33394d;
    margin-bottom: 20px;
    border-radius: 5px 5px 5px 5px;
}

.SK-community-content .from-area:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-community-content .from-area a {
    float: left;
    width: 50%;
    height: 70px;
    color: #7a80a2;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    line-height: 70px;
}

.SK-community-content .from-area .cn {
    border-radius: 5px 0 0 5px;
}

.SK-community-content .from-area .hk {
    border-radius: 0 5px 5px 0;
}

.SK-community-content .from-area .active {
    background: #2f364b;
    color: #b9c0ef;
}

.SK-community-content .SK-community-middle {
    float: left;
    width: 1200px;
}

.SK-community-content .SK-community-right {
    margin-left: 850px;
}

.SK-community-content .mian-content {
    display: flex;
    justify-content: space-between;
}

.SK-community-content .mian-content .SK-community-middle {
    float: none;
}

.SK-community-content .mian-content .SK-community-right {
    width: 500px;
    margin-left: 20px;
}

.SK-community-content .mian-content .SK-community-right>div:last-child {
    position: sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    top: 120px;
}

.SK-community-content:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-community-content .SK-error-popup {
    color: #434343;
}

.SK-community-content .SK-remind-block .SK-remind-content {
    color: #434343;
    padding-top: 30px;
}

.SK-community-content .SK-remind-block .SK-remind-action {
    padding-top: 30px;
}

.SK-community-content .SK-remind-block .SK-remind-action .SK-right-button {
    outline: none;
    background: #fff;
    color: #ff6900;
    border: 1px solid #ff6900;
}

.SK-community-content .SK-remind-block .SK-remind-action .SK-left-button {
    outline: none;
    background: #ff6900;
    color: #fff;
}

.SK-community-content .tag-select .relect,
.SK-community-content .tag-select .rc-select {
    height: 40px;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.1);
    margin-bottom: 10px;
}

.SK-community-content .tag-select .rc-select-selector {
    height: 100%;
    background-color: transparent;
}

.SK-community-content .tag-select .rc-select-selection-search {
    width: 100% !important;
    height: 100%;
}

.SK-community-groups-tab-container .overlaybox-body .SK-remind-block .SK-remind-content,
.SK-community-posts-detail-container .overlaybox-body .SK-remind-block .SK-remind-content,
.SK-new-headline-detail-container .overlaybox-body .SK-remind-block .SK-remind-content {
    color: #fff;
}

.SK-community-groups-tab-container .overlaybox-body .SK-remind-block .SK-remind-action,
.SK-community-posts-detail-container .overlaybox-body .SK-remind-block .SK-remind-action,
.SK-new-headline-detail-container .overlaybox-body .SK-remind-block .SK-remind-action {
    padding-top: 30px;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content {
    box-sizing: border-box;
    height: 100vh;
    margin: 100px auto 40px;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-left-block {
    float: left;
    height: 100%;
    width: 300px;
    background: #383d50;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-left-block .SK-editor-action button {
    border: none;
    padding: 0;
    height: 48px;
    line-height: 48px;
    width: 150px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    outline: none;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-left-block .SK-editor-action .save {
    background: #508bf3;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-left-block .SK-editor-action .save:hover {
    background: #5693fe;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-left-block .SK-editor-action .publish {
    background: #ff6900;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-left-block .SK-editor-action .publish:hover {
    background: #ff8400;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-left-block .title-block input {
    color: #7a80a2;
    background: #292e41;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-left-block .title-block input::-webkit-input-placeholder {
    color: #7a80a2;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-left-block .title-block input:-moz-placeholder {
    color: #7a80a2;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-left-block .title-block input::-moz-placeholder {
    color: #7a80a2;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-left-block .title-block input:-ms-input-placeholder {
    color: #7a80a2;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-left-block .SK-sections-selector .selected-column {
    color: #7a80a2;
    background: #292e41;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-left-block .SK-sections-selector .SK-select-groups-list-container {
    position: absolute;
    display: none;
    background: #292e41;
    top: 46px;
    left: 0;
    z-index: 2;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #7a80a2;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-left-block .SK-sections-selector .SK-select-groups-list-container .search-wrapper {
    background: #33394d;
    margin: 10px;
    height: 32px;
    line-height: 32px;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-left-block .SK-sections-selector .SK-select-groups-list-container .search-wrapper input {
    line-height: 32px;
    font-size: 14px;
    color: #7a80a2;
    border: none;
    outline: none;
    text-indent: 10px;
    background: #33394d;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-left-block .SK-sections-selector .SK-select-groups-list-container .search-wrapper .fa {
    font-size: 16px;
    margin-left: 10px;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-left-block .SK-sections-selector .SK-select-groups-list-container .list-container {
    max-height: 180px;
    overflow: auto;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-left-block .SK-sections-selector .SK-select-groups-list-container .list-container .group {
    line-height: 30px;
    color: #7a80a2;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-left-block .SK-sections-selector .SK-select-groups-list-container .list-container .group:hover {
    background: #7a80a2;
    color: #292e41;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-left-block .SK-sections-selector:hover .SK-select-groups-list-container {
    display: block;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-left-block .SK-star-container {
    margin-top: 20px;
    padding-left: 20px;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-left-block .SK-star-container span {
    color: #33394d;
    font-size: 14px;
    padding-right: 20px;
    display: block;
    float: left;
    line-height: 29px;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-left-block .SK-star-container .fa-star {
    font-size: 26px;
    color: #ddd;
    margin-right: 10px;
    cursor: pointer;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-left-block .SK-star-container .selected {
    color: #ff6900;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-right-block {
    margin-left: 300px;
    height: 100%;
    overflow: hidden;
    background: #1d1f27;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-right-block .SK-headline-editor-content .SK-headline-editor-body .SK-headline-editor-toolbar-wrapper {
    height: 50px;
    width: 100%;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-right-block .SK-headline-editor-content .SK-headline-editor-body .SK-headline-editor-toolbar {
    background: #1d1f27;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-right-block .SK-headline-editor-content .SK-headline-editor-body .SK-headline-editor-toolbar .SK-toolbar-button-block {
    color: #7a80a2;
    font-size: 16px;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-right-block .SK-headline-editor-content .SK-headline-editor-body .SK-headline-editor-toolbar .SK-toolbar-button-block .color-selector {
    background: #1d1f27;
    color: #7a80a2;
    border-color: #7a80a2;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-right-block .SK-headline-editor-content .SK-headline-editor-body .SK-headline-editor-toolbar .SK-toolbar-button-block:hover {
    background: #33394d;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-right-block .SK-headline-editor-content.single .SK-headline-editor-body {
    width: 830px;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-right-block .SK-headline-editor-content.single .SK-headline-editor-body .subject-body {
    border: none;
    outline: none;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-right-block .SK-headline-editor-content.double .SK-headline-editor-toolbar {
    background: #1d1f27;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-right-block .SK-headline-editor-content.double .SK-headline-editor-toolbar .toolbar-ul-block {
    background: #1d1f27;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-right-block .SK-headline-editor-content.double .SK-headline-editor-toolbar .toolbar-ul-block ul {
    background: #1d1f27;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-right-block .SK-right-part .SK-right-part-wrapper .preview-block {
    color: #b9c0ef;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-headline-drafts-right-block .SK-right-part .SK-right-part-wrapper .preview-block hr {
    border-color: #383d50;
}

.SK-community-container.SK-headline-drafts-container .SK-editor-content .SK-add-image-block {
    padding-top: 10px;
}

.SK-community-container {
    position: relative;
}

.SK-community-container .SK-community-personal-change-bg {
    position: absolute;
    left: 0;
    top: 80px;
    height: 450px;
    width: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center 100px;
    background-size: 100%;
}

.SK-community-container .default-bg {
    background-image: url(https://static.sonkwo.com/frontend/assets/677dc00c582c4fda74bce15e233898a3.png);
}

.SK-community-container .SK-community-personal-bg {
    position: absolute;
    left: 0;
    top: 80px;
    height: 450px;
    width: 100%;
    background: linear-gradient( 180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.8) 100%);
}

.SK-community-container .SK-community-personal-container {
    padding-top: 0px;
    width: 100%;
}

.SK-community-container .SK-community-personal-container .SK-community-operation {
    width: 42px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    top: 120px;
    right: 28px;
    text-align: center;
    font-size: 26px;
    color: #b9c0ef;
}

.SK-community-container .SK-community-personal-container .SK-community-operation i {
    width: 42px;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    background: rgba(0, 0, 0, 0.5);
}

.SK-community-container .SK-community-personal-container .SK-community-operation .menu {
    left: -28px;
    top: 33px;
    width: 99px;
}

.SK-community-container .SK-community-personal-container .SK-community-operation .menu .menu-down-triangle {
    left: 41px;
    top: -16px;
}

.SK-community-container .SK-community-personal-container .SK-community-operation .menu ul li {
    padding: 9px 0;
}

.SK-community-container .SK-community-personal-container .personal_tabs_btns_bg {
    position: fixed;
    width: 1000%;
    background-color: #282931;
    height: 62px;
    left: 0;
}

.SK-community-container .SK-community-personal-container .SK-tabs-buttons {
    background-color: transparent;
    height: 62px;
    box-sizing: border-box;
}

.SK-community-container .SK-community-personal-container .SK-tabs-buttons .tabs-button {
    height: 62px;
    line-height: 62px;
    padding: 0;
    margin-right: 50px;
    border: none;
}

.SK-community-container .SK-community-personal-container .SK-tabs-buttons .tabs-button a {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.7);
}

.SK-community-container .SK-community-personal-container .SK-tabs-buttons .tabs-button.active {
    background-color: transparent;
    border: none;
    position: relative;
}

.SK-community-container .SK-community-personal-container .SK-tabs-buttons .tabs-button.active a {
    color: #fff;
}

.SK-community-container .SK-community-personal-container .SK-tabs-buttons .tabs-button.active::after {
    content: " ";
    position: absolute;
    width: 20px;
    height: 4px;
    border-radius: 2px;
    background-color: #ff6900;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.SK-community-container .SK-community-personal-container .SK-tabs-content {
    margin-top: 30px;
    background: transparent;
}

.SK-community-container .SK-community-personal-container .SK-community-main {
    min-height: 600px;
    position: relative;
    width: 1200px;
    margin: auto;
}

.SK-community-container .SK-community-personal-container .SK-community-right {
    width: 350px;
    height: 509px;
    position: absolute;
    right: 0;
    top: 90px;
}

.SK-community-container .SK-talks-list-container .talk-list-bottom {
    text-align: center;
    font-size: 14px;
    color: #7a80a2;
    padding: 30px 0;
}

.SK-community-container .no-data {
    height: 580px;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
    box-sizing: border-box;
    padding-top: 100px;
}

.SK-community-container .no-data a:not(.inline-a):not(.inline-a-secondary) {
    display: block;
    border: none;
    text-align: center;
    box-sizing: border-box;
    padding: 3px 10px;
    font-size: 12px;
    background: #508bf3;
    color: #fff;
    cursor: pointer;
    outline: none;
    border-radius: 2px 2px 2px 2px;
    width: 100px;
    height: 32px;
    line-height: 32px;
    padding: 0;
    margin: 50px auto 0 auto;
    font-size: 14px;
}

.SK-community-container .no-data .inline-a {
    color: #508bf3;
    cursor: pointer;
}

.SK-community-container .no-data .inline-a:hover {
    text-decoration: underline;
    color: #5693fe;
}

.SK-community-container .no-data .inline-a-secondary {
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
}

.SK-community-container .activity-no-data {
    padding-top: 120px;
    height: 620px;
}

.SK-community-container .SK-remind-block .SK-remind-content {
    color: #fff;
    padding: 70px 0 80px;
}

.SK-community-container .SK-remind-block .SK-remind-action {
    padding-right: 30px;
    text-align: right;
}

.SK-community-container .SK-remind-block .SK-remind-action .SK-right-button {
    outline: none;
    background: #ff6900;
    background: linear-gradient(180deg, #ff6900 0%, #f80 100%);
    color: rgba(255, 255, 255, 0.5);
}

.SK-community-container .SK-remind-block .SK-remind-action .SK-left-button {
    outline: none;
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.5);
}

.SK-community-container .SK-relect .relect-box {
    background: transparent;
}

.SK-community-container .SK-relect .relect-box .relect-selected {
    color: #fff;
    margin-right: 5px;
}

.SK-community-container .SK-relect .relect-box .relect-arrow {
    right: initial;
}

.SK-community-container .SK-relect .relect-option {
    background: #272830;
    border: 1px solid #3e4042;
    color: rgba(255, 255, 255, 0.7);
    border-radius: 3px;
    box-shadow: 0px 12px 28px rgba(0, 0, 0, 0.5);
}

.SK-community-container .SK-relect .relect-option li {
    color: rgba(255, 255, 255, 0.7);
}

.SK-community-container .SK-relect .relect-option li:hover {
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
}

.SK-community-container .SK-relect .relect-arrow {
    border-color: rgba(255, 255, 255, 0.7) transparent transparent;
}

.SK-community-container>.personal_center_block .overlaybox-wrap {
    top: 215px !important;
}

.SK-community-container>.personal_center_block .overlaybox-content .SK-remind-content {
    padding: 30px;
    text-align: left;
}

.permission-title {
    color: #ebd4a9;
    font-size: 12px;
    display: inline-block;
    padding: 2px 4px;
    border: 1px solid #ebd4a9;
    border-radius: 4px;
    margin: 0 5px;
}

.SK-community-talk-comment-item-container .user-name .permission-title {
    margin-left: -15px;
    margin-right: 15px;
}

.SK-community-talk-comment-item-container .SK-community-talk-reply-item-container .detail .content .permission-title {
    color: #ebd4a9;
    margin: 0 5px;
}

.SK-personal-info_container .permission-title {
    font-size: 16px;
    line-height: 1;
    margin: 0 10px;
}

.SK-pull-down-menu .permission-title {
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 5px;
}

.SK-pull-down-menu .name-panel-inter .permission-title {
    position: relative;
    top: -15px;
}

.nocaptcha-46 .nc_scale {
    height: 46px;
}

.nocaptcha-46 .nc_scale span {
    border: none;
    width: 50px;
    height: 46px !important;
    line-height: 46px !important;
}

.nocaptcha-40 .nc_scale {
    height: 40px;
}

.nocaptcha-40 .nc_scale span {
    border: none;
    width: 50px;
    height: 40px !important;
    line-height: 40px !important;
}

.nocaptcha-36 .nc_scale {
    height: 36px;
}

.nocaptcha-36 .nc_scale span {
    border: none;
    width: 50px;
    height: 36px !important;
    line-height: 36px !important;
}

.nc-container {
    border: solid 1px #3a4056;
    border-radius: 2px;
}

.nc-container .nc_scale {
    border-radius: 2px;
}

.nc-container .nc_scale .nc_bg {
    border-radius: 2px;
}

.nc-container .nc_scale .scale_text {
    background-color: #202539;
    color: #7a80a2;
}

.nc-container .nc_scale .scale_text .nc-lang-cnt {
    font-size: 14px;
    color: #7a80a2;
}

.nc-container .nc_scale .scale_text2 {
    background-color: #29cf97;
    border-radius: 2px;
}

.nc-container .nc_scale .scale_text2 .nc-lang-cnt {
    color: white;
}

.nc-container .nc_scale span[data-nc-lang="_startTEXT"] {
    -webkit-text-fill-color: #7a80a2 !important;
}

.nc-container .nc_scale .nc_iconfont {
    border-radius: 2px;
}

.nc-container .nc_scale .btn_slide {
    background-color: #7a80a2 !important;
    font-size: 30px;
    color: #202539 !important;
}

.nc-container .nc_scale .btn_ok {
    background-color: white !important;
    color: #29cf97 !important;
    font-size: 24px;
}

.SK-slate-editor input,
.SK-slate-editor textarea {
    font-family: "Roboto", sans-serif;
    line-height: 1.4;
    background: #eee;
}

.SK-slate-editor body {
    margin: 0;
}

.SK-slate-editor p {
    margin: 0;
}

.SK-slate-editor pre {
    padding: 10px;
    background-color: #eee;
    white-space: pre-wrap;
}

.SK-slate-editor :not(pre)>code {
    font-family: monospace;
    background-color: #eee;
    padding: 3px;
}

.SK-slate-editor img {
    max-width: 100%;
    max-height: 20em;
    text-align: center;
}

.SK-slate-editor blockquote {
    border-left: 4px solid #7a80a2;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    color: #7a80a2;
    font-style: italic;
}

.SK-slate-editor blockquote[dir="rtl"] {
    border-left: none;
    padding-left: 0;
    padding-right: 10px;
    border-right: 2px solid #ddd;
}

.SK-slate-editor table {
    border-collapse: collapse;
}

.SK-slate-editor td {
    padding: 10px;
    border: 2px solid #ddd;
}

.SK-slate-editor input {
    box-sizing: border-box;
    font-size: 0.85em;
    width: 100%;
    padding: 0.5em;
    border: 2px solid #ddd;
    background: #fafafa;
}

.SK-slate-editor input:focus {
    outline: 0;
    border-color: blue;
}

.SK-slate-editor [data-slate-editor]>*+* {
    margin-top: 1em;
}

.SK-slate-editor .toolbar {
    position: relative;
    padding: 1px 18px 17px;
    margin: 0 -20px;
    border-bottom: 2px solid #eee;
    margin-bottom: 20px;
}

.SK-slate-editor-content {
    margin: 0 auto;
    max-height: 100%;
    overflow: auto;
}

.SK-slate-editor-content .SK-slate-editor-body {
    margin: 21px auto 0;
    height: auto;
}

.SK-slate-editor-content .SK-slate-editor-toolbar-wrapper {
    background-color: #282931;
}

.SK-slate-editor-content .SK-slate-editor-toolbar {
    line-height: 24px;
    background-color: #282931;
    padding: 10px;
    z-index: 99;
    position: relative;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .toolbar-ul-block {
    float: left;
    border-right: solid 1px rgba(255, 255, 255, 0.1);
}

.SK-slate-editor-content .SK-slate-editor-toolbar .SK-toolbar-button-block-wrapper {
    float: left;
    position: relative;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .toolbar-ul-block:last-child {
    border-right: 0;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .SK-toolbar-button-block {
    float: left;
    position: relative;
    font-size: 14px;
    cursor: pointer;
    width: 24px;
    text-align: center;
    transition: all 0.5s ease;
    color: #7a80a2;
    margin-right: 2px;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .SK-toolbar-button-block .iconfont2 {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
}

.SK-slate-editor-content .SK-slate-editor-toolbar .SK-toolbar-button-block .simple-uploader-container {
    width: 24px;
    height: 24px;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .SK-toolbar-button-block .simple-uploader-container .child {
    width: 100% !important;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .SK-toolbar-button-block .remind-card {
    position: absolute;
    text-align: center;
    line-height: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    top: -36px;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .SK-toolbar-button-block .remind-card .text {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #000;
    text-align: center;
    padding: 0 9px;
    box-sizing: border-box;
    white-space: nowrap;
    border-radius: 2px 2px 2px 2px;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .SK-toolbar-button-block .remind-card .wrapper {
    height: 12px;
    line-height: 12px;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .SK-toolbar-button-block .remind-card .triangle {
    display: inline-block;
    height: 0;
    width: 0;
    border-style: solid;
    border-width: 6px;
    border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .SK-toolbar-button-block:hover {
    color: #fff;
    background: #222327;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .SK-toolbar-button-block:hover .remind-card {
    display: block;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .active-button {
    background: #333;
    color: #fff;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .color-selector-block {
    float: left;
    position: relative;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    transition: all 0.5s ease;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .color-selector-block .color-selector {
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    font-size: 12px;
    cursor: pointer;
    position: relative;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .color-selector-block .color-selector .angle {
    float: right;
    height: 0;
    width: 0;
    border-width: 5px;
    border-style: solid;
    border-color: #7a80a2 transparent transparent;
    margin-top: 13px;
    margin-right: 4px;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .color-selector-block .color-selector:hover .select-list {
    display: block;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .color-selector-block .active {
    background: #333;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .color-selector-block .select-list {
    display: none;
    position: absolute;
    left: 0;
    top: 21px;
    z-index: 2;
    width: 60px;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .color-selector-block .select-list li {
    height: 26px;
    line-height: 26px;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    color: #33394d;
    font-size: 12px;
    text-align: left;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .color-selector-block .select-list:hover {
    display: block;
}

.SK-slate-editor-content .SK-slate-editor-toolbar:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-slate-editor-content .editor-content {
    padding: 20px 20px 50px 20px;
    min-height: 309px;
    font-size: 14px;
    color: white;
    line-height: 24px;
    background: #282931;
}

.SK-slate-editor-content .editor-content [data-slate-editor]>*+* {
    margin-top: 1em;
}

.SK-slate-editor-content .editor-content iframe {
    width: 640px;
    height: 360px;
    border: 0;
    margin: auto;
}

.SK-slate-editor-content .editor-content pre {
    white-space: pre-wrap;
    word-wrap: break-all;
}

.SK-slate-editor-content .editor-content h1 {
    font-size: 1.2em;
    margin: 0.67em 0;
}

.SK-slate-editor-content .editor-content h2 {
    font-size: 1em;
    margin: 0.75em 0;
}

.SK-slate-editor-content .editor-content h3 {
    font-size: 1em;
    margin: 0.75em 0;
}

.SK-slate-editor-content .editor-content h4,
.SK-slate-editor-content .editor-content ul,
.SK-slate-editor-content .editor-content fieldset,
.SK-slate-editor-content .editor-content form,
.SK-slate-editor-content .editor-content ol,
.SK-slate-editor-content .editor-content dl,
.SK-slate-editor-content .editor-content dir,
.SK-slate-editor-content .editor-content menu {
    margin: 1.12em 0;
}

.SK-slate-editor-content .editor-content h5 {
    font-size: 0.83em;
    margin: 1.5em 0;
}

.SK-slate-editor-content .editor-content h6 {
    font-size: 0.75em;
    margin: 1.67em 0;
}

.SK-slate-editor-content .editor-content h1,
.SK-slate-editor-content .editor-content h2,
.SK-slate-editor-content .editor-content h3,
.SK-slate-editor-content .editor-content h4,
.SK-slate-editor-content .editor-content h5,
.SK-slate-editor-content .editor-content h6,
.SK-slate-editor-content .editor-content b,
.SK-slate-editor-content .editor-content strong {
    font-weight: bolder;
}

.SK-slate-editor-content .editor-content hr {
    border: none;
    border-top: 1px solid #dcdcdc;
    height: 0;
}

.SK-slate-editor-content .editor-content p,
.SK-slate-editor-content .editor-content center {
    margin-bottom: 10px;
}

.SK-slate-editor-content .editor-content a {
    color: #2f5c94;
}

.SK-slate-editor-content .editor-content ul {
    list-style-type: disc;
    padding-left: 10px;
}

.SK-slate-editor-content .editor-content ol {
    list-style-type: decimal;
    padding-left: 10px;
}

.SK-slate-editor-content .editor-content blockquote {
    padding-left: 10px;
    border-left: 0.25em solid #7a80a2;
    color: #7a80a2;
}

.SK-slate-editor-content .editor-content blockquote p {
    margin: 4px 10px 4px 0;
}

.SK-slate-editor-content .editor-content video,
.SK-slate-editor-content .editor-content img {
    display: block;
    max-width: 755px;
    margin: auto;
}

.SK-slate-editor-content .editor-content span.spoiler {
    background: #000;
    color: #000;
}

.SK-slate-editor-content .editor-content span.spoiler:hover {
    color: #fff;
}

.SK-slate-editor-content .editor-content table {
    border-color: white;
}

.SK-slate-editor-content .editor-content table td {
    min-width: 25px;
}

.SK-slate-editor-content .editor-content div.table_box {
    overflow: auto;
}

.SK-slate-editor-content::-webkit-scrollbar {
    width: 10px;
}

.SK-slate-editor-content::-webkit-scrollbar.single {
    background: #fff;
}

.SK-slate-editor-content::-webkit-scrollbar-thumb {
    width: 10px;
    background: #eee;
}

.SK-slate-editor-block {
    height: 100%;
}

.post-game-card {
    display: block;
    width: 650px;
    height: 120px;
    box-sizing: border-box;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
    margin: 30px auto;
    position: relative;
}

.post-game-card .game-card-a {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    top: 0;
    left: 0;
}

.post-game-card .cover {
    margin-right: 20px;
    width: 170px;
    height: 100%;
    float: left;
}

.post-game-card .cover img {
    margin: 0;
    max-width: 100%;
    width: 100%;
    height: 100%;
    border-radius: 3px;
}

.post-game-card .sku-info-unsale {
    font-size: 18px;
    color: #fff;
    line-height: 100px;
}

.post-game-card .sku-info .sku-info-t {
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.post-game-card .sku-info .sku-info-c {
    margin: 10px 0 22px;
    font-size: 12px;
    line-height: 14px;
    color: rgba(255, 255, 255, 0.5);
}

.post-game-card .sku-info .platform_icon {
    width: 12px;
    height: 12px;
    margin-right: 8px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
}

.post-game-card .sku-info .sku-info-b .sku-info-b-l {
    float: left;
    line-height: 28px;
}

.post-game-card .sku-info .sku-info-b .sku-info-b-r {
    float: right;
}

.post-game-card .sku-info .sku-info-b .sku-info-b-r button {
    border: none;
    text-align: center;
    box-sizing: border-box;
    padding: 3px 10px;
    font-size: 12px;
    background: #ff6900;
    color: #fff;
    cursor: pointer;
    outline: none;
    border-radius: 2px 2px 2px 2px;
    border: 1px solid transparent;
    font-size: 14px;
    line-height: 20px;
    min-width: 70px;
    box-sizing: border-box;
}

.post-game-card .sku-info .sku-info-b .game-discount {
    border: none;
    text-align: center;
    box-sizing: border-box;
    padding: 3px 10px;
    font-size: 12px;
    background: #ff6900;
    color: #fff;
    cursor: pointer;
    outline: none;
    border-radius: 2px 2px 2px 2px;
    font-weight: 700;
    font-size: 16px;
    margin-right: 10px;
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    height: 28px;
}

.post-game-card .sku-info .sku-info-b .game-sale-price {
    color: #fff;
    font-size: 16px;
    margin-right: 5px;
    font-weight: 700;
}

.post-game-card .sku-info .sku-info-b .game-origin-price {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.3);
    text-decoration: line-through;
}

.post-game-card .sku-info .sku-info-b button.coming_soon {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 2px;
}

.post-game-card .sku-info .sku-info-b button.off-shelve {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: rgba(255, 255, 255, 0.5);
}

.post-game-card .sku-info .sku-info-b button.pre_sale {
    background-color: #860fea;
}

.editor-content .post-game-card {
    margin: 15px auto;
}

.SK-user-center-container {
    color: #fff;
}

.SK-user-center-container a {
    color: #7a80a2;
}

.SK-user-center-container .SK-tabs-container {
    min-height: 603px;
}

.SK-user-center-container .SK-tabs-container .SK-left-menu-tabs-buttons {
    float: left;
    width: 160px;
    height: auto;
    background: #33394d;
    overflow: hidden;
    border-radius: 5px 5px 5px 5px;
}

.SK-user-center-container .SK-tabs-container .SK-left-menu-tabs-buttons .tabs-button {
    padding: 0;
    float: none;
    border-top: none;
    height: 42px;
}

.SK-user-center-container .SK-tabs-container .SK-left-menu-tabs-buttons .tabs-button .tabs-button:first-child {
    margin-top: 5px;
}

.SK-user-center-container .SK-tabs-container .SK-left-menu-tabs-buttons .tabs-button a {
    font-size: 16px;
    color: #7a80a2;
    display: block;
    line-height: 42px;
    text-align: center;
}

.SK-user-center-container .SK-tabs-container .SK-left-menu-tabs-buttons .tabs-button a:hover {
    color: #b9c0ef;
    background: #292e41;
}

.SK-user-center-container .SK-tabs-container .SK-left-menu-tabs-buttons .tabs-button .active {
    color: #ff6900;
    background: #292e41;
}

.SK-user-center-container .SK-tabs-container .SK-left-menu-tabs-buttons .tabs-button .active:hover {
    color: #ff6900;
}

.SK-user-center-container .SK-tabs-container .SK-left-menu-tabs-buttons .first-title {
    font-size: 18px;
    color: #b9c0ef;
    margin: 0 20px 5px 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #3f4760;
}

.SK-user-center-container .SK-tabs-container .SK-tabs-content {
    margin-top: 0;
    background: transparent;
}

.SK-user-center-container .SK-tabs-container .SK-tabs-content>div {
    border-radius: 5px 5px 5px 5px;
}

.SK-user-center-container .SK-tabs-container .SK-user-center-tabs-content {
    margin-left: 180px;
}

.SK-user-center-container input,
.SK-user-center-container select,
.SK-user-center-container textarea {
    box-sizing: border-box;
    font-size: 14px;
    outline: none;
}

.SK-user-center-container .SK-user-center-form-container .SK-form-block {
    margin-bottom: 15px;
    height: 30px;
    line-height: 30px;
}

.SK-user-center-container .SK-user-center-form-container .SK-form-block textarea,
.SK-user-center-container .SK-user-center-form-container .SK-form-block input,
.SK-user-center-container .SK-user-center-form-container .SK-form-block select {
    border: 0;
}

.SK-user-center-container .SK-user-center-form-container .SK-form-block:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-user-center-container .SK-user-center-form-container .SK-form-block .SK-label-name {
    float: left;
    width: 100px;
    color: #7a80a2;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
}

.SK-user-center-container .SK-user-center-form-container .SK-form-block .SK-form-control {
    float: left;
    font-size: 14px;
    margin-right: 20px;
}

.SK-user-center-container .SK-user-center-form-container .SK-form-block textarea {
    width: 670px;
    height: 60px;
    padding: 10px;
    color: #b9c0ef;
    background: #3f4760;
    border-radius: 5px 5px 5px 5px;
    border: 0;
    resize: none;
}

.SK-user-center-container .SK-user-center-form-container .SK-form-block textarea::-webkit-input-placeholder {
    color: #7a80a2;
}

.SK-user-center-container .SK-user-center-form-container .SK-form-block textarea:-moz-placeholder {
    color: #7a80a2;
}

.SK-user-center-container .SK-user-center-form-container .SK-form-block textarea::-moz-placeholder {
    color: #7a80a2;
}

.SK-user-center-container .SK-user-center-form-container .SK-form-block textarea:-ms-input-placeholder {
    color: #7a80a2;
}

.SK-user-center-container .SK-user-center-form-container .SK-form-block textarea:focus {
    border: 1px solid #7a80a2;
    background: transparent;
}

.SK-user-center-container .SK-user-center-form-container .SK-form-block input {
    width: 200px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    color: #b9c0ef;
    background: #3f4760;
    border-radius: 2px 2px 2px 2px;
}

.SK-user-center-container .SK-user-center-form-container .SK-form-block input::-webkit-input-placeholder {
    color: #7a80a2;
}

.SK-user-center-container .SK-user-center-form-container .SK-form-block input:-moz-placeholder {
    color: #7a80a2;
}

.SK-user-center-container .SK-user-center-form-container .SK-form-block input::-moz-placeholder {
    color: #7a80a2;
}

.SK-user-center-container .SK-user-center-form-container .SK-form-block input:-ms-input-placeholder {
    color: #7a80a2;
}

.SK-user-center-container .SK-user-center-form-container .SK-form-block input:focus {
    border: 1px solid #7a80a2;
    background: transparent;
}

.SK-user-center-container .SK-user-center-form-container .SK-form-block input.error,
.SK-user-center-container .SK-user-center-form-container .SK-form-block textarea.error,
.SK-user-center-container .SK-user-center-form-container .SK-form-block select.error {
    border: 1px solid #ff6900;
}

.SK-user-center-container .SK-user-center-form-container .SK-form-block select {
    width: 200px;
    height: 30px;
    color: #7a80a2;
    background: #2d3347;
    border-radius: 2px 2px 2px 2px;
}

.SK-user-center-container .SK-user-center-form-container .SK-form-block select::-webkit-input-placeholder {
    color: #7a80a2;
}

.SK-user-center-container .SK-user-center-form-container .SK-form-block select:-moz-placeholder {
    color: #7a80a2;
}

.SK-user-center-container .SK-user-center-form-container .SK-form-block select::-moz-placeholder {
    color: #7a80a2;
}

.SK-user-center-container .SK-user-center-form-container .SK-form-block select:-ms-input-placeholder {
    color: #7a80a2;
}

.SK-user-center-container .SK-user-center-form-container .SK-form-block .SK-form-hint {
    float: left;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding-left: 5px;
    overflow: hidden;
    color: #7a80a2;
}

.SK-user-center-container .SK-user-center-form-container .SK-form-block .SK-form-hint i {
    width: 25px;
    text-align: center;
    font-family: "fontawesome";
    color: #2666b5;
}

.SK-user-center-container .SK-user-center-form-container .SK-form-hint.error-hint {
    color: #ff6900;
}

.SK-user-center-container .SK-user-center-form-container .SK-form-hint.error-hint i {
    color: #ff6900;
}

.SK-user-center-container .empty-remind-word {
    padding: 100px;
    text-align: center;
}

.SK-user-center-container .overlaybox-wrap .overlaybox-content .overlaybox-header,
.SK-community-order-container .overlaybox-wrap .overlaybox-content .overlaybox-header {
    background: #282931;
}

.SK-user-center-container .overlaybox-wrap .overlaybox-content .overlaybox-header .overlaybox-title,
.SK-community-order-container .overlaybox-wrap .overlaybox-content .overlaybox-header .overlaybox-title {
    padding-left: 15px;
}

.SK-user-center-container .overlaybox-wrap .overlaybox-content .overlaybox-body .SK-remind-block,
.SK-community-order-container .overlaybox-wrap .overlaybox-content .overlaybox-body .SK-remind-block {
    width: 375px;
    box-sizing: border-box;
}

.SK-user-center-container .overlaybox-wrap .overlaybox-content .overlaybox-body .SK-remind-block .SK-remind-content,
.SK-community-order-container .overlaybox-wrap .overlaybox-content .overlaybox-body .SK-remind-block .SK-remind-content {
    font-size: 16px;
    color: #434343;
    font-weight: normal;
    margin-bottom: 0;
}

.SK-user-center-container .overlaybox-wrap .overlaybox-content .overlaybox-body .SK-remind-block .SK-remind-action,
.SK-community-order-container .overlaybox-wrap .overlaybox-content .overlaybox-body .SK-remind-block .SK-remind-action {
    padding: 40px;
}

.SK-user-center-container .overlaybox-wrap .overlaybox-content .overlaybox-body .SK-remind-block .SK-remind-action button,
.SK-community-order-container .overlaybox-wrap .overlaybox-content .overlaybox-body .SK-remind-block .SK-remind-action button {
    width: 100px;
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
}

body {
    background: #1d1f27;
}

.SK-community-post-content {
    padding: 32px 40px 10px 40px;
    margin-bottom: 20px;
    background: #282931;
    font-size: 14px;
    color: #fff;
}

.SK-community-post-content .post-header {
    margin-bottom: 25px;
}

.SK-community-post-content .post-header:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-community-post-content .post-header h1 {
    float: left;
    font-size: 22px;
    max-width: 710px;
    word-wrap: break-word;
}

.SK-community-post-content .post-header .hover-down-menu {
    float: right;
    margin: 12px 10px 0 0;
}

.SK-community-post-content .post-header .hover-down-menu .menu {
    z-index: 10;
    left: -34px;
}

.SK-community-post-content .post-detail {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.SK-community-post-content .post-detail:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-community-post-content .post-detail>span {
    float: left;
    color: #ff6900;
    margin-right: 5px;
}

.SK-community-post-content .post-detail>p {
    float: right;
}

.SK-community-post-content .post-detail>p .full {
    color: #ff6900;
}

.SK-community-post-content .post-detail>p .steam-review-status {
    margin-left: 10px;
    color: #e16263;
    font-size: 14px;
}

.SK-community-post-content .post-detail>p .steam-review-status i {
    font-size: 40px;
    width: 40px;
    height: 40px;
    margin-right: 7px;
}

.SK-community-post-content .post-detail>p .steam_review_total_hours {
    margin-left: 5px;
}

.SK-community-post-content .post-detail>p .recommend {
    color: #60b6e7;
}

.SK-community-post-content .post-detail .post_published_on {
    float: right;
}

.SK-community-post-content .post-detail .review_stars {
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 18px;
}

.SK-community-post-content .post-detail .review_stars .full {
    color: #ff6900;
}

.SK-community-post-content .post-detail .review_stars>.icon-game_awards1 {
    margin-right: 5px;
}

.SK-community-post-content .post-detail .steam_review_recommended_status {
    float: left;
}

.SK-community-post-content .post-detail .epic_review_recommended_status {
    margin-top: 20px;
}

.SK-community-post-content .post-detail .line-height {
    height: 40px;
    line-height: 61px;
}

.SK-community-post-content .post-detail .btn-wrapper {
    float: left;
}

.SK-community-post-content .post-detail .btn-wrapper button {
    border: none;
    background: none;
    color: rgba(255, 255, 255, 0.7);
    outline: none;
}

.SK-community-post-content .post-detail .btn-wrapper button i {
    margin-right: 5px;
    font-size: 16px;
}

.SK-community-post-content .post-detail .icon-like-fill,
.SK-community-post-content .post-detail .icon-message-fill {
    color: #949498;
    font-size: 14px;
}

.SK-community-post-content .post-content {
    font-size: 14px;
    padding: 40px 0 30px 0;
}

.SK-community-post-content .post_tag {
    display: flex;
    flex-wrap: wrap;
    padding-top: 30px;
}

.SK-community-post-content .post_tag .post_tag_item {
    padding: 5px 15px;
    background-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.5);
    border-radius: 30px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.SK-community-post-content .post-thumb-up {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.SK-community-post-content .post-thumb-up>.thumb_up_con {
    display: flex;
    align-items: center;
    box-orient: vertical;
    flex-direction: column;
    -moz-flex-direction: column;
}

.SK-community-post-content .post-thumb-up>.thumb_up_con>.dianzan_con {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.1);
    cursor: pointer;
    border: none;
}

.SK-community-post-content .post-thumb-up>.thumb_up_con>.dianzan_con>.icon-zan {
    color: rgba(255, 255, 255, 0.5);
    font-size: 28px;
}

.SK-community-post-content .post-thumb-up>.thumb_up_con>.dianzan_con:disabled {
    cursor: not-allowed;
}

.SK-community-post-content .post-thumb-up>.thumb_up_con p {
    text-align: center;
    margin: 10px 0 10px 0;
}

.SK-community-post-content .post-thumb-up>.thumb_up_con .like_users {
    display: flex;
    justify-content: center;
    align-items: center;
}

.SK-community-post-content .post-thumb-up>.thumb_up_con .like_users .like_users_item {
    margin-right: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.SK-community-post-content .post-thumb-up>.thumb_up_con .like_users .like_users_item .like_users_item_img .user_avatar_block {
    width: 30px;
    height: 30px;
}

.SK-community-post-content .post-thumb-up>.thumb_up_con .like_users .like_users_item .like_users_item_img .user_avatar_block img {
    background: #ffffff;
    opacity: 1;
}

.SK-community-post-content .post-thumb-up-already {
    color: rgba(255, 255, 255, 0.7);
    cursor: auto;
}

.SK-community-post-content .post-icon-wrap {
    padding-top: 25px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 18px;
    font-size: 12px;
}

.SK-community-post-content .post-icon-wrap:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-community-post-content .post-icon-wrap .report,
.SK-community-post-content .post-icon-wrap .star,
.SK-community-post-content .post-icon-wrap .share2 {
    width: 60px;
    height: 30px;
    line-height: 30px;
    border: 1px solid rgba(255, 255, 255, 0.7);
    opacity: 1;
    border-radius: 3px;
    text-align: center;
    font-size: 12px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
}

.SK-community-post-content .post-icon-wrap .star,
.SK-community-post-content .post-icon-wrap .share2 {
    float: right;
}

.SK-community-post-content .post-icon-wrap .report {
    float: left;
    margin-right: 196px;
    cursor: pointer;
}

.SK-community-post-content .post-icon-wrap .report:hover {
    color: #fff;
}

.SK-community-post-content .post-icon-wrap .report i {
    font-size: 22px;
    margin: 5px 10px 0 0;
}

.SK-community-post-content .post-icon-wrap .report span {
    position: relative;
    top: -2px;
}

.SK-community-post-content .post-icon-wrap .share {
    float: left;
}

.SK-community-post-content .post-icon-wrap .share:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-community-post-content .post-icon-wrap .share .share-block {
    float: left;
    position: relative;
    margin-right: 25px;
    padding-bottom: 20px;
}

.SK-community-post-content .post-icon-wrap .share .share-block:hover>div {
    display: block;
}

.SK-community-post-content .post-icon-wrap .share .share-block>i {
    cursor: pointer;
    width: 32px;
    height: 32px;
    font-size: 22px;
    background-color: #3f4760;
    text-align: center;
    box-sizing: border-box;
    padding-top: 5px;
    border-radius: 16px 16px 16px 16px;
}

.SK-community-post-content .post-icon-wrap .share .share-block>i:hover {
    color: #fff;
}

.SK-community-post-content .post-icon-wrap .share .share-block>div {
    display: none;
    position: absolute;
    left: 20px;
    top: 50px;
}

.SK-community-post-content .post-icon-wrap .share .share-block .share-title {
    padding: 3px 0;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.7);
    background: #3f4760;
    width: 100px;
    text-align: center;
    display: none;
}

.SK-community-post-content .post-icon-wrap .share .share-block .share-wechat-block {
    width: 120px;
    text-align: center;
    background: #3f4760;
    padding: 5px 0;
    left: -50px;
    z-index: 10;
}

.SK-community-post-content .post-icon-wrap .share .share-block .share-wechat-block p {
    margin-bottom: 3px;
    color: #fff;
}

.SK-community-post-content .post-icon-wrap .share .share-block .share-wechat-block img {
    margin-left: 5px;
}

.SK-community-post-content .post-icon-wrap .share .share-block .share-wechat-block .qr-child {
    padding: 5px;
    background: #fff;
}

.SK-community-post-content .post-icon-wrap .share .fa-share:hover {
    background: #ff8400;
}

.SK-community-post-content .post-icon-wrap .share .fa-weixin:hover {
    background: #5bc44f;
}

.SK-community-post-content .post-icon-wrap .share .fa-weibo:hover {
    background: #ff4e4c;
}

.SK-community-post-content .post-icon-wrap .share .fa-qq:hover {
    background: #3cbdfb;
}

.SK-community-post-content .post-icon-wrap .share .fa-star:hover {
    background: #ffd600;
}

.SK-community-post-content .post-icon-wrap .star {
    float: right;
    margin-right: 20px;
}

.SK-community-post-content .post-icon-wrap .star:hover {
    color: #fff;
}

.SK-community-post-content .post-icon-wrap .star i {
    cursor: pointer;
    font-size: 22px;
    margin: 5px 10px 0 0;
}

.SK-community-post-content .post-icon-wrap .star span {
    position: relative;
    top: -3px;
}

.SK-community-post-content .post-icon-wrap .star-already:hover {
    color: rgba(255, 255, 255, 0.7);
}

.SK-community-post-content .post-icon-wrap .star-already i {
    cursor: auto;
}

.SK-community-container {
    position: relative;
}

.SK-community-container .SK-remind-block .SK-remind-content {
    color: #fff;
    padding: 70px 0 80px;
}

.SK-community-container .SK-remind-block .SK-remind-action {
    padding-right: 30px;
    text-align: right;
}

.SK-community-container .SK-remind-block .SK-remind-action .SK-right-button {
    outline: none;
    background: #ff6900;
    background: linear-gradient(180deg, #ff6900 0%, #f80 100%);
    color: rgba(255, 255, 255, 0.5);
}

.SK-community-container .SK-remind-block .SK-remind-action .SK-left-button {
    outline: none;
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.5);
}

.SK-community-posts-detail-container .posts-name {
    height: 80px;
    background: #282931;
    margin-bottom: 20px;
}

.SK-community-posts-detail-container .SK-community-middle {
    color: #fff;
    font-size: 14px;
    box-sizing: border-box;
}

.SK-community-posts-detail-container .SK-community-middle .SK-community-comment-block-wrapper {
    padding: 20px 40px;
    background: #282931;
}

.SK-community-posts-detail-container .SK-community-middle .SK-community-comment-block-wrapper .talk-list-bottom {
    text-align: center;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    padding: 30px 0;
}

.SK-community-posts-detail-container .SK-community-middle .SK-community-comment-block-wrapper .SK-community-talk-comment-item-container {
    background: transparent;
    padding: 20px 0;
}

.SK-community-posts-detail-container .SK-community-middle .SK-community-comment-block-wrapper .SK-community-talk-comment-item-container .SK-comment-content .SK-community-talk-reply-item-container {
    background: rgba(255, 255, 255, 0.05);
}

.SK-community-posts-detail-container .SK-community-middle .SK-community-comment-block-wrapper .SK-community-talk-comment-item-container .SK-comment-content .action+.SK-community-talk-reply-item-container {
    border-top: 0;
}

.SK-community-posts-detail-container .SK-community-middle .tipoff-radios {
    color: #31374e;
}

.SK-community-posts-detail-container .SK-community-middle .SK-community-post-block {
    padding: 20px 0;
}

.SK-community-posts-detail-container .SK-community-right>div:last-child {
    position: sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    top: 120px;
}

.SK-community-posts-detail-container .SK-community-right .SK-recommend-container {
    margin-top: 20px;
}

.SK-community-posts-detail-container .SK-community-right .SK-recommend-container .title a {
    font-size: 14px;
    float: right;
    color: #ff6900;
}

.SK-community-posts-detail-container .search-users-list .user-block {
    color: #000;
}

.SK-community-posts-detail-min-container {
    min-height: 600px;
}

.SK-community-comment-block {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    background: #282931;
    padding: 20px 0;
}

.SK-community-comment-block h1 {
    font-size: 18px;
    color: primary-text;
    margin-bottom: 25px;
    padding-left: 10px;
    border-left: 3px solid #ff6900;
}

.SK-community-comment-block .comment-wrapper:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-community-comment-block .comment-wrapper img {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 25px 25px 25px 25px;
    margin-right: 10px;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper {
    float: left;
    width: 415px;
    position: relative;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-textarea-block {
    height: 90px;
    position: relative;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-textarea-block textarea,
.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-textarea-block .content-copy {
    resize: none;
    border: none;
    width: 100%;
    display: inline-block;
    height: 90px;
    padding: 10px;
    box-sizing: border-box;
    outline: none;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
    color: #fff;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-textarea-block #textarea-block {
    border: 0;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-textarea-block .content-copy {
    position: absolute;
    left: 560px;
    top: 0;
    visibility: hidden;
    word-break: break-word;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-textarea-block .textarea-block {
    border: 1px solid #dcdcdc;
    height: 90px;
    line-height: 90px;
    text-align: center;
    font-size: 14px;
    color: #959595;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-textarea-block .textarea-block .login-button {
    cursor: pointer;
    text-decoration: underline;
    color: #fff;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-textarea-block .search-users-list {
    position: absolute;
    width: 200px;
    background: #fff;
    border: 1px solid #bfbfbf;
    max-height: 150px;
    overflow: auto;
    z-index: 2;
    display: none;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-textarea-block .search-users-list .user-block {
    font-size: 14px;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-textarea-block .search-users-list .user-block:hover {
    background: #edf5f9;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-textarea-block .search-users-list .remind {
    color: #bfbfbf;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-textarea-block .search-users-list .remind:hover {
    background: #fff;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .images-list {
    margin: 15px;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .images-list .image-block {
    float: left;
    position: relative;
    height: 80px;
    width: 80px;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .images-list .image-block img {
    height: 80px;
    width: 80px;
    border-radius: 0;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .images-list .image-block .delete-layer {
    display: none;
    height: 80px;
    width: 80px;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .images-list .image-block .delete-layer .fa-times-circle {
    font-size: 24px;
    color: #508bf3;
    position: absolute;
    top: 28px;
    left: 30px;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .images-list .image-block:hover .delete-layer {
    display: block;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .images-list .image-block+.image-block {
    margin-left: 15px;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .images-list:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button {
    height: 38px;
    padding-left: 20px;
    margin-top: 20px;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button button {
    padding: 0;
    width: 100px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    border: none;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button .mention-button,
.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button .image-button,
.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button .emoji-button {
    background: none;
    outline: none;
    font-size: 18px;
    width: 20px;
    margin-right: 20px;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button .image-button {
    margin-top: 2px;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button .image-button .simple-uploader-container {
    overflow: hidden;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button .image-button .simple-uploader-container .child {
    width: inherit;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button .emoji-button {
    margin-top: 2px;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button .emoji-button .iconfont2 {
    font-size: 18px;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button .forward-wrap {
    float: left;
    margin: 12px 0 0 20px;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button .forward-wrap .forwarding {
    margin-left: 3px;
    position: relative;
    top: -2px;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button .SK-remind-word-block {
    float: right;
    font-size: 12px;
    margin: 10px 10px 0 0;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button .SK-remind-word-block>span {
    color: #ff6900;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button .submit {
    float: right;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    width: 78px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: linear-gradient(180deg, #ff6900 0%, #f80 100%);
    margin-top: 0;
    border-radius: 19px;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button .disable {
    cursor: not-allowed;
}

.SK-community-talk-comment-item-container {
    background: #3f4760;
    padding: 20px;
}

.SK-community-talk-comment-item-container button {
    cursor: pointer;
}

.SK-community-talk-comment-item-container .SK-avatar-wrapper {
    float: left;
    height: 50px;
    width: 50px;
    overflow: hidden;
    border-radius: 25px 25px 25px 25px;
}

.SK-community-talk-comment-item-container .SK-avatar-wrapper img {
    height: 50px;
    width: 50px;
}

.SK-community-talk-comment-item-container .SK-comment-content {
    margin-left: 80px;
}

.SK-community-talk-comment-item-container .SK-comment-content .user-name {
    color: rgba(255, 255, 255, 0.7);
}

.SK-community-talk-comment-item-container .SK-comment-content .user-name a {
    font-size: 16px;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.7);
    margin-right: 20px;
}

.SK-community-talk-comment-item-container .SK-comment-content .user-name .reply_time {
    color: rgba(255, 255, 255, 0.3);
}

.SK-community-talk-comment-item-container .SK-comment-content .editor-wrapper {
    margin-left: 0;
}

.SK-community-talk-comment-item-container .SK-comment-content .content {
    color: #fff;
    font-size: 14px;
    margin: 20px 0;
    word-break: break-word;
}

.SK-community-talk-comment-item-container .SK-comment-content .content a {
    color: rgba(255, 255, 255, 0.7);
}

.SK-community-talk-comment-item-container .SK-comment-content .images {
    margin-top: 30px;
    display: inline-block;
}

.SK-community-talk-comment-item-container .SK-comment-content .images .image-block {
    float: left;
    height: 150px;
    width: 150px;
    border: 1px solid transparent;
    text-align: center;
    vertical-align: middle;
    line-height: 150px;
    cursor: zoom-in;
    overflow: hidden;
    background: #31374e;
    display: flex;
    align-items: center;
    justify-content: center;
}

.SK-community-talk-comment-item-container .SK-comment-content .images .image-block img {
    max-height: 150px;
    max-width: 150px;
    vertical-align: middle;
}

.SK-community-talk-comment-item-container .SK-comment-content .images .image-block:hover {
    border: 1px solid #fff;
}

.SK-community-talk-comment-item-container .SK-comment-content .images .image-block+.image-block {
    margin-left: 20px;
}

.SK-community-talk-comment-item-container .SK-comment-content .images:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-community-talk-comment-item-container .SK-comment-content .SK-album-container {
    margin-top: 20px;
}

.SK-community-talk-comment-item-container .SK-comment-content .action {
    text-align: right;
}

.SK-community-talk-comment-item-container .SK-comment-content .action button {
    border: none;
    background: none;
    outline: none;
    color: rgba(255, 255, 255, 0.7);
    padding: 2px 6px;
    cursor: pointer;
}

.SK-community-talk-comment-item-container .SK-comment-content .action .fa.fa-thumbs-up {
    margin-right: 4px;
}

.SK-community-talk-comment-item-container .SK-comment-content .action+.SK-community-talk-reply-item-container {
    margin-top: 20px;
}

.SK-community-talk-comment-item-container .SK-comment-content .more-container {
    background: #282931;
    padding: 10px 0;
}

.SK-community-talk-comment-item-container .SK-comment-content .more-container button {
    color: #fff;
    background: none;
    border: none;
    outline: none;
}

.SK-community-talk-comment-item-container .SK-community-talk-comment-container {
    padding: 0;
}

.SK-community-talk-comment-item-container .SK-community-talk-comment-container .action {
    margin-left: 0;
}

.SK-community-talk-comment-item-container .SK-community-talk-comment-container .action .at-button {
    display: none;
}

.SK-community-talk-comment-item-container .SK-community-talk-comment-container .action .send {
    width: 60px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: linear-gradient(180deg, #ff6900 0%, #f80 100%);
    border-radius: 14px;
    color: #fff;
}

.SK-community-talk-comment-item-container .SK-community-talk-reply-item-container {
    background: rgba(255, 255, 255, 0.05);
    padding: 20px;
    margin-bottom: 10px;
    border-radius: 3px;
}

.SK-community-talk-comment-item-container .SK-community-talk-reply-item-container .SK-avatar-wrapper {
    float: left;
    height: 30px;
    width: 30px;
    overflow: hidden;
    border-radius: 15px 15px 15px 15px;
}

.SK-community-talk-comment-item-container .SK-community-talk-reply-item-container .SK-avatar-wrapper img {
    height: 30px;
    width: 30px;
}

.SK-community-talk-comment-item-container .SK-community-talk-reply-item-container .detail {
    margin-left: 50px;
}

.SK-community-talk-comment-item-container .SK-community-talk-reply-item-container .detail .content {
    margin-top: 5px;
    word-wrap: break-word;
}

.SK-community-talk-comment-item-container .SK-community-talk-reply-item-container .detail .content span {
    color: rgba(255, 255, 255, 0.7);
}

.SK-community-talk-comment-item-container .SK-community-talk-reply-item-container .detail .content .date {
    color: rgba(255, 255, 255, 0.3);
    margin-left: 6px;
}

.SK-community-talk-comment-item-container .SK-community-talk-reply-item-container .detail .action .date {
    color: rgba(255, 255, 255, 0.7);
    margin-right: 6px;
}

.SK-community-talk-comment-item-container .SK-community-talk-reply-item-container .action+.SK-community-talk-comment-container {
    margin-top: 10px;
}

.SK-community-talk-comment-item-container .SK-community-talk-reply-item-container .detail+.SK-community-talk-comment-container {
    margin-top: 10px;
}

.SK-community-talk-comment-item-container .SK-comment-content .action+.SK-community-talk-comment-container {
    margin-top: 10px;
}

.SK-community-talk-comment-item-container .SK-comment-content>.SK-community-talk-comment-container {
    margin-bottom: 10px;
}

.SK-community-talk-comment-item-container {
    border-top: 1px dotted rgba(255, 255, 255, 0.1);
}

.SK-community-user-card {
    background: #282931;
    overflow: hidden;
    border-radius: 6px;
    margin-bottom: 20px;
}

.SK-community-user-card .SK-user-detail-block {
    color: rgba(255, 255, 255, 0.5);
}

.SK-community-user-card .SK-user-detail-block a {
    color: rgba(255, 255, 255, 0.5);
}

.SK-community-user-card .SK-user-detail-block .avatar-line {
    text-align: center;
    margin-bottom: 30px;
}

.SK-community-user-card .SK-user-detail-block .avatar-line .avatar-block {
    display: block;
    width: 100px;
    height: 100px;
    margin: 30px auto 12px auto;
}

.SK-community-user-card .SK-user-detail-block .avatar-line .avatar-block img {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.SK-community-user-card .SK-user-detail-block .avatar-line .name {
    font-size: 16px;
    color: #fff;
    margin-right: 10px;
}

.SK-community-user-card .SK-user-detail-block .avatar-line .power {
    padding: 2px 5px;
    background: #0f1827;
    color: #ebd4a9;
}

.SK-community-user-card .SK-user-detail-block .avatar-line>.permission-title {
    margin: 0;
}

.SK-community-user-card .SK-user-detail-block .SK-user-message-block {
    text-align: center;
}

.SK-community-user-card .SK-user-detail-block .SK-user-message-block .message-block {
    display: inline-block;
    width: 80px;
    height: 40px;
}

.SK-community-user-card .SK-user-detail-block .SK-user-message-block .message-block span {
    display: block;
}

.SK-community-user-card .SK-user-detail-block .SK-user-message-block .message-block .num {
    font-size: 22px;
    color: #fff;
}

.SK-community-user-card .SK-user-detail-block .btn-wrap {
    margin-top: 35px;
    text-align: center;
}

.SK-community-user-card .SK-user-detail-block .btn-wrap button {
    width: 86px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 18px;
    border: none;
    cursor: pointer;
    outline: none;
}

.SK-community-user-card .SK-user-detail-block .btn-wrap .follow-btn {
    background: linear-gradient(180deg, #ff6900 0%, #f80 100%);
    color: #fff;
    margin-right: 20px;
}

.SK-community-user-card .SK-user-detail-block .btn-wrap .private-btn {
    background: #282931;
    color: #ff6900;
    border: 1px solid #ff6900;
    margin-right: 20px;
}

.SK-community-user-card .SK-user-detail-block .info {
    padding: 20px 20px 0 20px;
    font-size: 14px;
    color: #fff;
    color: rgba(255, 255, 255, 0.7);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 20px;
}

.SK-community-user-card .SK-user-detail-block .info a {
    color: #fff;
}

.SK-community-user-card .SK-user-detail-block .info h2 {
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    margin-bottom: 15px;
}

.SK-community-user-card .SK-user-detail-block .info div {
    margin-bottom: 10px;
}

.SK-community-user-card .SK-user-detail-block .info div a {
    color: rgba(255, 255, 255, 0.7);
}

.SK-community-user-card .SK-user-detail-block .info div i {
    margin-right: 5px;
}

.SK-community-user-card .SK-user-detail-block .info div span {
    color: rgba(255, 255, 255, 0.7);
}

.SK-community-user-card .SK-user-detail-block .info .self-related-btn {
    font-size: 14px;
    color: #ff6900;
}

.SK-community-user-card .SK-user-qr-block {
    padding: 20px 0;
}

.SK-community-user-card .SK-user-qr-block .SK-QR-img-wrapper {
    height: 116px;
    width: 116px;
    float: left;
    background: url(https://static.sonkwo.com/frontend/assets/ab8868b3800ee2466f9d74f4a05e9acd.png);
}

.SK-community-user-card .SK-user-qr-block .SK-QR-detail-wrapper {
    margin-left: 126px;
    color: #7a80a2;
}

.SK-community-user-card .SK-user-qr-block .SK-QR-detail-wrapper h3 {
    font-size: 18px;
    color: #b9c0ef;
    font-weight: bold;
}

.SK-community-user-card .SK-user-qr-block .SK-QR-detail-wrapper .icons-list {
    margin-top: 20px;
}

.SK-community-user-card .SK-user-qr-block .SK-QR-detail-wrapper .icons-list .icon-button {
    float: left;
    height: 36px;
    width: 36px;
    position: relative;
}

.SK-community-user-card .SK-user-qr-block .SK-QR-detail-wrapper .icons-list .icon-button+.icon-button {
    margin-left: 10px;
}

.SK-community-user-card .SK-user-qr-block .SK-QR-detail-wrapper .icons-list .weibo {
    background: url(https://static.sonkwo.com/frontend/assets/2744770a38ace99294b7b51aaaccfb8e.png) no-repeat -71px -46px;
}

.SK-community-user-card .SK-user-qr-block .SK-QR-detail-wrapper .icons-list .zhihu {
    background: url(https://static.sonkwo.com/frontend/assets/2744770a38ace99294b7b51aaaccfb8e.png) no-repeat -71px -92px;
}

.SK-community-user-card .SK-user-qr-block .SK-QR-detail-wrapper .icons-list .bilibili {
    background: url(https://static.sonkwo.com/frontend/assets/2744770a38ace99294b7b51aaaccfb8e.png) no-repeat -71px -138px;
}

.SK-community-user-card .SK-user-qr-block .SK-QR-detail-wrapper .icons-list .douyu {
    background: url(https://static.sonkwo.com/frontend/assets/2744770a38ace99294b7b51aaaccfb8e.png) no-repeat -71px -230px;
}

.SK-community-user-card .SK-user-qr-block:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}